/*
 * @Author: Yxliam
 * @Date: 2023-12-13 10:57:01
 * @LastEditors: Yxliam
 * @LastEditTime: 2023-12-14 11:47:29
 * @Description: 
 */
import {StyleSheet,Dimensions} from 'react-native';
import {p} from '../../utils/pxToDp';
const width = Dimensions.get('window').width;
export default StyleSheet.create({
    banner:{
        height:p(460),
        width:width
    },
    wrapper:{
        position:'relative',
        backgroundColor:'#fff',
        borderTopLeftRadius:p(48),
        borderTopRightRadius:p(48),
        paddingHorizontal:p(20),
        paddingVertical:p(40),
        marginTop:-p(50)
    },
    nav:{
        position:'absolute',
        top:p(30),
        left:p(20),
        right:p(20),
        padding:p(20),
        marginTop:-p(30),
        borderTopLeftRadius:p(20),
        borderTopRightRadius:p(20),
    },
    navleft:{
        width:p(342),
        height:p(400),
        borderRadius:p(36),
        // justifyContent:'center',
        position:'relative',
        paddingLeft:p(30),
        paddingTop:p(20)

    },
    navbox:{
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'space-between',
        paddingBottom:p(20)
    },
    navright:{
        // flexDirection:'row',
        // alignItems:'center'

    },
    navleftimg:{
        position:'relative',
        width:p(358),
        height:p(296)
    },
    navinner:{
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        width:'100%',
        paddingHorizontal:p(24)
    },
    navrightitem:{
        width:p(342),
        height:p(120),
        borderRadius:p(24),
        justifyContent:'center',
        alignItems:'center'
    },
    navrightitemtext:{
        fontSize:p(36),
       fontWeight:'bold',
       color:'#000',
    },
    navrightitemsmall:{
        fontSize:p(20),
        color:'#000',
    },
    navlefttext:{
       fontSize:p(60),
       fontWeight:'bold',
       color:'#000',
    },
    navmarginbottom:{
        marginBottom:p(20)
    }
});
